<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze Irest</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default am-header-fixed ">
    <div class="am-header-left am-header-nav">
        <a class="">
            Irest / Menu / Nav
        </a>
    </div>
    <!--
    <h1 class="am-header-title">Amaze UI</h1>
    -->

    <div class="am-header-right am-header-nav">
        <a id="animation-cart" href="#cart-link" class="" data-am-modal="{target: '#my-popup'}">
            <i class="am-header-icon am-icon-shopping-cart">
                <span id="animation-cart-count">0</span>
            </i>
        </a>
        <a href="#user-link" class="">
            <i class="am-header-icon am-icon-envelope-o" data-am-modal="{target: '#my-msg-popup'}">
                <span id="animation-msg-count">0</span>
            </i>
        </a>
    </div>
</header>

<div class="am-popup" id="my-popup">
    <div class="am-popup-inner" style="padding-top:90px;">
        <div class="am-popup-hd" style="z-index:99;height:90px;">
            <h4 class="am-popup-title">
                7月10号10:20 大厅-12号台<br/>
                共计：¥89 <span class="am-badge am-badge-danger" style="margin-left:20px;">确认提交/结账</span>
            </h4>
      <span data-am-modal-close
            class="am-close">&times;</span>
        </div>
        <div class="am-popup-bd">
            <!-- List -->
            <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                <div class="am-list-news-bd">
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="http://www.douban.com/online/11614662/">
                                    <img src="http://img5.douban.com/lpic/o636459.jpg" alt="青椒炒肉"
                                            />
                                </a>
                            </div>
                            <div class="am-u-sm-8 am-list-main">
                                <h3 class="am-list-item-hd">
                                    <a href="http://www.douban.com/online/11614662/">青椒炒肉</a>
                                </h3>

                                <div class="am-list-item-text">
                                    ¥18<br/>
                                    数量：<span class="am-badge">－</span><span
                                        class="am-badge am-badge-primary">2</span><span
                                        class="am-badge am-badge-success">＋</span>
                                </div>
                                <span class="am-badge am-badge-primary">confirm</span>
                                <span class="am-badge am-badge-secondary">cooking</span>
                                <span class="am-badge am-badge-success">cooked</span>
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="http://www.douban.com/online/11624755/">
                                    <img src="http://img3.douban.com/lpic/o637240.jpg" alt="酸辣土豆丝"/>
                                </a>
                            </div>
                            <div class="am-u-sm-8 am-list-main">
                                <h3 class="am-list-item-hd">
                                    <a href="http://www.douban.com/online/11624755/">酸辣土豆丝</a>
                                </h3>

                                <div class="am-list-item-text">
                                    ¥15<br/>
                                    数量：<span class="am-badge">－</span><span
                                        class="am-badge am-badge-primary">3</span><span
                                        class="am-badge am-badge-success">＋</span>
                                </div>
                                <span class="am-badge am-badge-primary">confirm</span>
                                <span class="am-badge am-badge-secondary">cooking</span>
                                <span class="am-badge am-badge-success">cooked</span>
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="http://www.douban.com/online/11614662/">
                                    <img src="http://img5.douban.com/lpic/o636459.jpg" alt="青椒炒肉"
                                            />
                                </a>
                            </div>
                            <div class="am-u-sm-8 am-list-main">
                                <h3 class="am-list-item-hd">
                                    <a href="http://www.douban.com/online/11614662/">青椒炒肉</a>
                                </h3>

                                <div class="am-list-item-text">
                                    ¥18<br/>
                                    数量：<span class="am-badge">－</span><span
                                        class="am-badge am-badge-primary">2</span><span
                                        class="am-badge am-badge-success">＋</span>
                                </div>
                                <span class="am-badge am-badge-primary">confirm</span>
                                <span class="am-badge am-badge-secondary">cooking</span>
                                <span class="am-badge am-badge-success">cooked</span>
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="http://www.douban.com/online/11624755/">
                                    <img src="http://img3.douban.com/lpic/o637240.jpg" alt="酸辣土豆丝"/>
                                </a>
                            </div>
                            <div class="am-u-sm-8 am-list-main">
                                <h3 class="am-list-item-hd">
                                    <a href="http://www.douban.com/online/11624755/">酸辣土豆丝</a>
                                </h3>

                                <div class="am-list-item-text">
                                    ¥15<br/>
                                    数量：<span class="am-badge">－</span><span
                                        class="am-badge am-badge-primary">3</span><span
                                        class="am-badge am-badge-success">＋</span>
                                </div>
                                <span class="am-badge am-badge-primary">confirm</span>
                                <span class="am-badge am-badge-secondary">cooking</span>
                                <span class="am-badge am-badge-success">cooked</span>
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="http://www.douban.com/online/11614662/">
                                    <img src="http://img5.douban.com/lpic/o636459.jpg" alt="青椒炒肉"
                                            />
                                </a>
                            </div>
                            <div class="am-u-sm-8 am-list-main">
                                <h3 class="am-list-item-hd">
                                    <a href="http://www.douban.com/online/11614662/">青椒炒肉</a>
                                </h3>

                                <div class="am-list-item-text">
                                    ¥18<br/>
                                    数量：<span class="am-badge">－</span><span
                                        class="am-badge am-badge-primary">2</span><span
                                        class="am-badge am-badge-success">＋</span>
                                </div>
                                <span class="am-badge am-badge-primary">confirm</span>
                                <span class="am-badge am-badge-secondary">cooking</span>
                                <span class="am-badge am-badge-success">cooked</span>
                            </div>
                        </li>
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <div class="am-u-sm-4 am-list-thumb">
                                <a href="http://www.douban.com/online/11624755/">
                                    <img src="http://img3.douban.com/lpic/o637240.jpg" alt="酸辣土豆丝"/>
                                </a>
                            </div>
                            <div class="am-u-sm-8 am-list-main">
                                <h3 class="am-list-item-hd">
                                    <a href="http://www.douban.com/online/11624755/">酸辣土豆丝</a>
                                </h3>

                                <div class="am-list-item-text">
                                    ¥15<br/>
                                    数量：<span class="am-badge">－</span><span
                                        class="am-badge am-badge-primary">3</span><span
                                        class="am-badge am-badge-success">＋</span>
                                </div>
                                <span class="am-badge am-badge-primary">confirm</span>
                                <span class="am-badge am-badge-secondary">cooking</span>
                                <span class="am-badge am-badge-success">cooked</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="am-popup" id="my-msg-popup">
    <div class="am-popup-inner">
        <div class="am-popup-hd" style="z-index:99;">
            <h4 class="am-popup-title">
                通知中心－大厅-12号台
            </h4>
      <span data-am-modal-close
            class="am-close">&times;</span>
        </div>
        <div class="am-popup-bd">
            <!-- List -->
            <div data-am-widget="list_news" class="am-list-news am-list-news-default">
                <!--列表标题-->
                <div class="am-list-news-bd">
                    <ul class="am-list">
                        <li class="am-g am-list-item-dated">
                            <a href="##" class="am-list-item-hd ">四季豆肉膜 cooked。</a>
                            <span class="am-list-date">11:25</span>
                        </li>
                        <li class="am-g am-list-item-dated">
                            <a href="##" class="am-list-item-hd ">青椒炒蛋 cooking。</a>
                            <span class="am-list-date">11:20</span>
                        </li>
                        <li class="am-g am-list-item-dated">
                            <a href="##" class="am-list-item-hd ">四季豆肉膜 cooking。</a>
                            <span class="am-list-date">11:20</span>
                        </li>
                        <li class="am-g am-list-item-dated">
                            <a href="##" class="am-list-item-hd ">提交订单。</a>
                            <span class="am-list-date">11:15</span>
                        </li>
                        <li class="am-g am-list-item-dated">
                            <a href="##" class="am-list-item-hd ">开大厅－12号台。</a>
                            <span class="am-list-date">11:12</span>
                        </li>
                    </ul>
                </div>
                <!--更多在底部-->
                <div class="am-list-news-ft">
                    <a class="am-list-news-more am-btn am-btn-default" href="###">查看更多 &raquo;</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!--在这里编写你的代码-->
<nav data-am-widget="menu" class="am-menu  am-menu-stack">
    <a href="javascript: void(0)" class="am-menu-toggle">
        <i class="am-menu-toggle-icon am-icon-bars"></i>
    </a>
    <ul class="am-menu-nav am-avg-sm-1">
        <li class="">
            <a href="update_log.html" class="">更新日志</a>
        </li>
        <li class="">
            <a href="##" class="">
                11:00 剩30桌。
            </a>
        </li>
        <li class="">
            <a href="##" class="">
                点击这里扫描桌面二维码开台。
            </a>
        </li>
        <li class="">
            <a href="##" class="">
                无位？请到前台登记拿号等位。
            </a>
        </li>
        <li class="">
            <a href="##" class="">订位请拨打8668668668。</a>
        </li>
        <li class="">
            <a href="##" class="">编码快速下单</a>
        </li>
        <li class="">
            <a href="admin-index-fixed.html" class="">后台管理页面</a>
        </li>
        <li class="">
            <a href="kitchen.html" class="">厨房页面</a>
        </li>
        <li class="">
            <a href="checkout.html" class="">财务收钱页面</a>
        </li>
        <li class="">
            <a href="menu.basic.html" class="">招牌菜</a>
        </li>
        <li class="am-parent">
            <a href="##" class="">早市</a>
            <ul class="am-menu-sub am-collapse  am-avg-sm-2 ">
                <li class="">
                    <a href="menu.basic.html" class="">包子</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">肠粉</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">粥</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">点心</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">炒米粉/河粉</a>
                </li>
            </ul>
        </li>
        <li class="am-parent">
            <a href="##" class="">午市/晚市</a>
            <ul class="am-menu-sub am-collapse  am-avg-sm-3 ">
                <li class="">
                    <a href="menu.basic.html" class="">烧味</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">小炒</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">靓汤</a>
                </li>
                <li class="">
                    <a href="menu.basic.html" class="">时菜</a>
                </li>
            </ul>
        </li>
        <li class="">
            <a href="menu.basic.html" class="">酒水/饮料/甜品</a>
        </li>
        <li class="">
            <a href="menu.basic.html" class="">实惠套餐</a>
        </li>
        <li class="">
            <a href="menu.basic.html" class="">尝尝鲜</a>
        </li>
        <li class="">
            <a href="menu.basic.html" class="">猜你喜欢</a>
        </li>
        <li class="">
            <a href="menu.basic.html" class="">店长推荐</a>
        </li>
        <li class="">
            <a href="##" class="">选择困难?试试摇一摇</a>
        </li>
        <li class="">
            <a href="##" class="">填写口味偏好，更好的筛选菜单</a>
        </li>
        <li class="">
            <a href="##" class="">菜品收藏</a>
        </li>
    </ul>
</nav>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://s.amazeui.org/assets/2.x/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="http://cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script>

<script>
    var $btns = $('#animation-cart');
    var dfds = [];
    var animating = false;
    var animation = 'am-animation-shake';

  $(function() {
    $('.am-btn.am-btn-danger.am-gallery-title').on('click', function() {
       if (!animating) {
        animating = true;

        var self = this;
          var sdfd = new $.Deferred();
          dfds.push(sdfd);
          var $this = $(self)
          if ($.AMUI.support.animation) {
            $this.addClass("am-animation-scale-up").one($.AMUI.support.animation.end, function() {
              $this.removeClass("am-animation-scale-up");
              sdfd.resolve();
            });
          }

        $btns.each(function() {
          var dfd = new $.Deferred();
          dfds.push(dfd);
          var $this = $(this);
          if ($.AMUI.support.animation) {
            $this.addClass(animation).one($.AMUI.support.animation.end, function() {
              $this.removeClass(animation);
              dfd.resolve();
            });
          }
        });

        $.when.apply(null, dfds).done(function() {
          animating = false;
          console.log('[AMUI] - 所有动画执行完成');
          dfds = [];
          biz.addOneToCart()
        });
      }
    });
  });

  var biz = {
    addOneToCart:function(){
        $("#animation-cart-count").html($("#animation-cart-count").text()-0+1);
    }
  }





</script>
</body>
</html>